<template>
  <div id="app">
    <h1>订单模块（远程应用）</h1>
    <p>此应用主要通过 Module Federation 暴露组件给宿主应用使用</p>
    <router-view />
  </div>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  console.log('订单模块 App 组件已加载')
})
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  background-color: #f0f2f5;
}

#app {
  padding: 20px;
}
</style>